.HomePageRoot {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  .Carousel {
    position: relative;
    width: 400px;
    height: 300px;
    .slick-dots {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 160px !important;
    }
    .describe {
      // border: 1px solid black;
      padding: 0px 15px;
      border-radius: 20px;
      overflow-y: scroll;
      max-height: 350px;
      // background-color: rgba(29, 29, 29, 0.047);
      & h2 {
        margin: -10px 0 10px -10px;
      }
    }
  }
  .search {
    width: 60%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    .ant-card-body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 10px !important;
    }
    .item {
      width: 100%;
      padding: 5px;
      border-radius: 10px;
      text-align: left;
      text-indent: 2em;
      &:hover {
        background-color: rgba(146, 146, 146, 0.211);
        cursor: pointer;
      }
    }
  }
  .detailCard {
    position: absolute;
    top: 50px;
    min-height: 400px;
    max-height: 600px;
    width: 100%;
  }
}
